* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
/* 媒体查询 如果屏幕超过了750px 就设置html字体大小75px */
@media screen and (min-width: 750px) {
  html {
    font-size: 37.5px !important;
  }
}
body {
  min-width: 320px;
  max-width: 750px;
  width: 10rem;
  margin: 0px auto;
  line-height: 1.5;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ececec;
}
/*头部标题区域  样式*/
.myheader {
  width: 10rem;
  height: 1.173333rem;
  background-color: #7BAC01;
  /*参考手机端屏幕设置*/
  position: fixed;
  top: 0rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  padding: 0 0.333333rem 0;
  z-index: 999;
}
.myheader .mylogin {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
}
.myheader span:nth-of-type(1) {
  flex: 1;
  text-align: center;
  font-size: 0.426667rem;
  color: #fff;
}
.myheader span:nth-of-type(2) {
  width: 0.626667rem;
  height: 0.626667rem;
  background-image: url("../images/放大镜\ \(1\).png");
  background-repeat: no-repeat;
  background-size: 0.626667rem 0.626667rem;
}
.mynav {
  margin-top: 1.573333rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mynav .myswiper {
  width: 8.426667rem;
  height: 4.226667rem;
}
.mynav .myswiper .swiper {
  width: 100%;
  height: 100%;
}
.mynav .myswiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mynav .myswiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*  导航菜单按钮*/
.menus {
  width: 8.426667rem;
  display: flex;
  flex-wrap: wrap;
  padding: 0.653333rem 0px 0.906667rem 0px;
}
.menus a {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.menus a:nth-child(n+4) {
  margin-top: 0.733333rem;
}
.menus a img {
  width: 1.173333rem;
  height: 1.16rem;
}
.menus a span {
  margin-top: 0.226667rem;
  color: #8E8E8E;
  font-size: 0.293333rem;
}
/*热门课程*/
.hot {
  width: 100%;
  padding: 0.4rem 0.266667rem;
}
.hot h4 {
  font-size: 0.373333rem;
  color: #9E9D9D;
}
.hot .img-box {
  width: 100%;
  margin-top: 0.4rem;
}
.hot .img-box img {
  width: 100%;
}
/*底部样式*/
.myfooter {
  display: flex;
  background-color: #7BAC01;
  width: 10rem;
  position: fixed;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
}
.myfooter a {
  flex: 1;
  text-align: center;
  color: #fff;
  font-size: 0.4rem;
  padding: 0.493333rem 0 0.44rem;
}
